<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script>
    // const obj = {
    //     a:1,
    //     b:2,
    //     info:{
    //         c:3,
    //         d:4
    //     }
    // }
    // const obj2 = {...obj}
    // console.log(obj === obj2);// false
    // console.log(obj.info === obj2.info);// true
    // obj2.info.c = 30;
    // console.log(obj.info.c);// 30


    function Box(){

    }
    Box.prototype.fn = function(){

    }
    const obj = new Box();
    const obj2 = new Box();
    console.log(obj.__proto__ === Box.prototype);// true
    console.log(obj2.__proto__ === Box.prototype);// true
    console.log(obj.__proto__ === obj2.__proto__);// true
    console.log(obj.fn === obj2.fn);
    obj.__proto__.fn = 100;
    console.log(obj2.fn);


    // A--->B
    // C--->B
    import Vue from "vue";

</script>
</html>